<template>
  <div class="ul_box">
    <ul class="ul_list">
      <MyItem v-for="Value in todoList" :key="Value.id" :todo="Value" :changeTodo="changeTodo" :del="del"></MyItem>
    </ul>
  </div>
</template>

<script>
import MyItem from './MyItem.vue'
export default {
    name:'MyList',
    components:{MyItem},
    props:['todoList','changeTodo','del']
}
</script>

<style>
  .ul_box{
    display:flex;
    justify-content: center;
  }
  .ul_list{
    border:0.5px solid lightblue;
    left: 0;
    padding:0px;
    width: 190px;
  }
</style>